<script>
    jQuery(window).load(function() {
        for(i=1;i<=1;i++){ 
            jQuery('#slider-'+i).nivoSlider({
                effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
                slices:1,
                animSpeed:500, //Slide transition speed
                pauseTime:7000,
                captionOpacity:0.8, //Universal caption opacity 
                pauseOnHover:false,
                directionNav:false, //Next & Prev
                controlNav:false //1,2,3...
            });
        }          
    });
</script>
<style>
    #slider-1 {
        position:relative;
        width:780px; /* Change this to your images width */
        height:427px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-1 img{
        position:absolute;
        top:0px;
        left:0px;
        display:none;
    }
    #slider-1 a {
        border:0;
        display:block;
    }
</style>
<div class="hotelfront">
    <a title="Close" class="modalCloseImg zmodalClose" id="h_close"></a>
    <div class="title">
        <div class="text" style="padding-right: 18px; padding-top: 22px;">
            <p>
                <?=$this->lang->line('multi-country_welcome');?>

            </p>
        </div>
        <div class="h1" style="margin-top: 25px"><img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/h1.png"></div>    
    </div>    

    <!--HOME SLIDER-->
    <div id="slider-1" class="nivoSlider">        
        <img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/home-2.jpg" alt="<?=$sub;?>" />
        <img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/home-3.jpg" alt="<?=$sub;?>" />
        <img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/home-4.jpg" alt="<?=$sub;?>" />
        <img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/home-5.jpg" alt="<?=$sub;?>" />
        <img src="<?=base_url()?>assets/img/site/_tours/<?=$sub;?>/home-1.jpg" alt="<?=$sub;?>" />
    </div>

</div>
<div class="tours-marketing">
    <div id="page_intro" style="background: none; border-bottom: none; height: 188px; width: 600px; margin-top: 2px;">

        <div class="heading">
            <h1><?=$this->lang->line('multi-country_h1');?></h1>
        </div>
        <p style="padding:10px 28px 0px 0px; line-height: 16px; width: 256px;">
            12 nights/13 days<br />
            <?=$this->lang->line('multi-country_p');?>
        </p>
    </div>

    <div class="left" style="width: 372px; height: 256px;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/1.jpg" alt="Picture"></div>
    <div class="left" style="width: 398px; height: 256px;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/2.jpg" alt="Picture"></div>
    <p class="clear"></p>
    <div class="left" style="margin: 12px 10px 0 276px; width: 249px; height: 159px;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/3.jpg" alt="Picture"></div>
    <div class="left" style="margin-top: 12px; width: 235px; height: 159px;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/4.jpg" alt="Picture"></div>
    <p class="clear"></p> 
</div>
<?$day=0;?>
<div class="excursions" style="margin-top: 22px;">

    <!--DAY 1-->
    <div class="excursion" style="width: 780px; padding: 0px 0 12px;">
        <div class="day" style="margin: 22px 0 0 0; padding: 0;">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>

            <p class="clear"></p>
        </div>
    </div>

    <!--DAY 2--> 
    <div class="excursion" style="width: 780px; padding: 0;">
        <div class="day left" style="padding-bottom: 4px;">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:648px; height: 2px;"></div>
        <p class="clear"></p> 
    </div>        
    <div class="excursion" style="padding-top: 0;">      

        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>     
            </p>
            <div style="margin-top: 24px;">
                <div class="left"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/6.jpg"></div>
                <div class="left"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/7.jpg"></div>
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/5.jpg">

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 3--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:349px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 16px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/9.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/8.jpg"> </div> 
            <div class="left" style="margin: 13px 13px 0 0"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/10.jpg"></div>
            <div class="left" style="margin-top: 13px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/11.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 4--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:449px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 35px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/10-2.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/10-1.jpg"> </div> 
            <div class="left" style="margin: 11px 11px 0 0"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/10-3.jpg"></div>
            <div class="left" style="margin-top: 11px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/10-4.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 5--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:457px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 23px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/13.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/12.jpg"> </div> 
            <div class="left" style="margin: 15px 15px 0 0"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/14.jpg"></div>
            <div class="left" style="margin-top: 15px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/15.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 6--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:264px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 29px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/17.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/16.jpg"> </div> 
            <div class="left" style="margin: 8px 8px 0 0"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/18.jpg"></div>
            <div class="left" style="margin-top: 8px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/19.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 7--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:397px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 36px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/21.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/20.jpg"> </div> 
            <div class="left" style="margin: 12px 12px 0 0"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/22.jpg"></div>
            <div class="left" style="margin-top: 12px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/23.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 8--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:324px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 19px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/25.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/24.jpg"> </div> 
            <div class="left" style="margin: 12px 12px 0 0;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/26-1.jpg"></div>
            <div class="left" style="margin-top: 12px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/26.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 9--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:479px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 29px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/28.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/27.jpg"> </div> 
            <div class="left" style="margin: 14px 17px 0 0;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/28-1.jpg"></div>
            <div class="left" style="margin-top: 14px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/28-2.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 10--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:432px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 13px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/30.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/29.jpg"> </div> 
            <div class="left" style="margin: 14px 15px 0 0;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/31.jpg"></div>
            <div class="left" style="margin-top: 14px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/32.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 11--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:149px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 14px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/34.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/33.jpg"> </div> 
            <div class="left" style="margin: 6px 6px 0 0;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/35.jpg"></div>
            <div class="left" style="margin-top: 6px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/36.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 12--> 
    <div class="excursion" style="padding-top: 0;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:506px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>
            <div style="margin-top: 14px;">
                <img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/38.jpg"> 
                <p class="clear"></p>
            </div> 
        </div>
        <div class="side2" style="margin-top: 2px;">
            <div><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/37.jpg"> </div> 
            <div class="left" style="margin: 10px 13px 0 0;"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/39.jpg"></div>
            <div class="left" style="margin-top: 10px"><img src="<?=base_url()?>assets/img/site/_<?=$page;?>/<?=$sub;?>/40.jpg"></div>

        </div>
        <p class="clear"></p>
    </div>

    <!--DAY 13--> 
    <div class="excursion" style="padding-top: 0; padding-bottom: 48px;"> 
        <div class="day left">
            <div class="no"><?=$day+=1;?>. day</div>
            <div class="day-title"><?=$tours[$day]['title'];?></div>
            <p class="clear"></p>
        </div>
        <div class="border left" style="width:470px; height: 2px;"></div> 
        <p class="clear"></p>
        <div class="side1">
            <p>
                <?=$tours[$day]['text'];?>      
            </p>             
        </div> 
        <p class="clear"></p>
    </div>



</div>